<!DOCTYPE html>
<html>
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>BPC API Test 2 - Welcome</title>
	<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/>
	<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
	<script type="text/javascript" src="app.js"></script>
	<script type="text/javascript">
			Ext.require(['*']);
Ext.onReady(function() {
var panel = Ext.create('Ext.container.Viewport', {
	renderTo: Ext.getBody(),
	width: '100%',
	height: 600,
	layout: {
		type: 'vbox',
		align: 'stretch',
		pack: 'start'
	},
	items: [{
		xtype: 'label',
		height: 60,
		text: 'Welcome',
	},
	{
		xtype: 'container',
		flex: 1,
		width: '100%',
		layout: {
			type: 'table',
			columns: 4
		},
		items: [
			   { xtype: 'button', text: 'John', handler: function() { window.location.href = 'case2.html'; } },
			{ xtype: 'button', text: 'Xiaohua'}, 
			{ xtype: 'button', text: 'Cloudy'},
			{ xtype: 'button', text: 'Wilson'}, 
			{ xtype: 'button', text: 'William'},
			{ xtype: 'button', text: 'Sam'}, 
			{ xtype: 'button', text: 'Frank' }	 
		],
	},
	{
		xtype: 'container',
		height: 300,
		layout: {
			type: 'table',
			columns: 2
		},
		items: [{
			xtype: 'label',
			text: 'New user? Please enter your name below',
			colspan: 2,
		},
		{
			xtype: 'textfield',
			name: 'user_name',
		},
		{
			xtype: 'button',
			text: 'Go',
			handler: function() { window.location.href = 'case2.html'; }
		}]
	}]
});
panel.show();
});
	</script>
    </head>
    <body>
    </body>
</html>

